<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投诉详情</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/complaint.css">
</head>
<body>
    <div class="container">
        <!-- 顶部导航 -->
       <div class="header">
            <button class="back-btn" onclick="window.location.href='index.html';">←</button>
            <h1>投诉详情</h1>
        </div>

        <!-- 投诉信息 -->
        <div class="complaint-info">
            <div class="info-row">
                <label for="building">投诉的楼</label>
                <select id="building" name="building">
                    <option value="楼1">楼1</option>
                    <option value="楼2">楼2</option>
                    <option value="楼3">楼3</option>
                </select>
            </div>
            <div class="info-row">
                <label for="type">投诉的类型</label>
                <select id="type" name="type">
                    <option value="噪音">噪音</option>
                    <option value="卫生">卫生</option>
                    <option value="其他">其他</option>
                </select>
            </div>
        </div>

        <!-- 描述 -->
        <div class="description">
            <h2>描述（不超过100字）</h2>
            <div class="textarea-container">
                <textarea placeholder="请输入描述内容"></textarea>
                <button class="upload-btn">📷</button>
            </div>
        </div>

        <!-- 投诉人信息 -->
        <div class="complainant-info">
            <h2>投诉人信息</h2>
            <div class="info-row">
                <label for="name">姓名</label>
                <input type="text" id="name" name="name" placeholder="请输入您的姓名">
            </div>
            <div class="info-row">
                <label for="phone">电话</label>
                <input type="tel" id="phone" name="phone" placeholder="请输入您的电话">
            </div>
        </div>

        <!-- 提交按钮 -->
        <button class="submit-btn">提交</button>
    </div>
</body>
</html>